/*-- written by Lee Chengbiao version 0.1----------*/
/*-- It's pleasure for you to using my style ------*/
/*-- but i will thankful if you keey my imfomation */
/*-- above.----------------------------------------*/

/*-- this stylesheet will import by yiku.css  -----*/

/*-- index  -------------------*/

.index{
}
.index .pleft{
	height:360px;
}
.index .pleft .ad{
	height:335px;
}
.index .pleft .ad dl{
	color:#888888;
	height:335px;
	margin:0px;
	padding:0px 0px 0px 40px;
}
.index .pleft .ad dl dt{
	color:#bb9977;
	font-family:purisa;
	font-size:40pt;
	margin:0px;
	padding:0px;
}
.index .pleft .ad dl dt span{
	color:#888888;
	font-size:20pt;
	padding-left:40px;	
}
.index .pleft .ad dl dd ul li{
	font-size:16pt;
	clear:both;
	display:block;
	line-height:40px;
	padding-left:140px;
}
.index .pleft .ad dl dd ul li .num{
	float:left;
	font-family:purisa;
}
.index .pleft .ad dl dd ul li .info{
	float:right;
	padding-right:190px;
}
.index .pleft .privateinfo{
	height:335px;
}
.index .pright{
	height:360px;
}
.index .login{
	padding-top:30px;
	height:334px;
}
.index .login form{
	padding:10px 20px 5px;
}
.index .login form span{
	display:block;
}
.index .login form span.verifynum{
	border:1px solid #bb9977;
	display:inline;
}
.index .login form input{
	width:198px;
	border:1px solid #bb9977; 
	padding-bottom:5px;
}
.index .login form .verify{
	width:98px;
	margin-right:10px;
}
.index .login form input.button{
	height:30px;
	width:80px;
	background:url(../image/button.gif) no-repeat;
	border:0px;
	display:block;
	font-weight:bold;
	margin-top:10px;
}
.index form input.button:hover{
	background:url(../image/button2.gif) no-repeat;
}
.index .register strong{
	padding-left:10px;
}
.index .register a{
	color:#bb9977;
}


/*-- register  -------------*/
.register h1{
	text-align:center;
}
.register form{
	margin:20px 20px;
}
.register form .ileft{
	height:30px;
	width:335px;
	float:left;
	clear:left;
	display:block;
	text-align:right;
}
.register form .iright{
	height:30px;
	width:565px;
	float:right;
	clear:right;
	display:block;
	margin-left:10px;
}
.register form a{
	padding-left:10px;
}
.register form input{
	width:240px;
	border:1px solid #bb9977;
}
.register form .verify{
	width:120px;
} 
.register form select{
	width:240px;
	border:1px solid #bb9977;
}
.register form input.button{
	height:30px;
	width:80px;
	background:url(../image/button.gif) no-repeat;
	border:0px;
	display:block;
	font-weight:bold;
}
.register form input.button:hover{
	background:url(../image/button2.gif) no-repeat;
}
/*-- login  -------------------*/
.login h1{
	text-align:center;
}
.login form{
	margin:20px 20px;
}
.login form .ileft{
	height:30px;
	width:335px;
	float:left;
	clear:left;
	display:block;
	text-align:right;
}
.login form .iright{
	height:30px;
	width:565px;
	float:right;
	clear:right;
	display:block;
	margin-left:10px;
}
.login form a{
	padding-left:10px;
}
.login form input{
	width:240px;
	border:1px solid #bb9977;
}
.login form .verify{
	width:120px;
} 
.login form input.button{
	height:30px;
	width:80px;
	background:url(../image/button.gif) no-repeat;
	border:0px;
	display:block;
	font-weight:bold;
}
.login form input.button:hover{
	background:url(../image/button2.gif) no-repeat;
}
/*-- privateindex -------------*/
.privateindex .pleft{
	height:360px;
}
.privateindex .quickstart ul{
	padding-left:40px;
}
.privateindex .quickstart li{
	width:180px;
	float:left;
	display:block;
}
.privateindex .quickstart li a:hover{
	color:#888;
}
.privateindex .editinfo dl{
	padding-left:20px;
}
.privateindex .editinfo dl dd{
	margin:0px;
	padding:0px;
}
.privateindex .pright{
	height:360px;
}
.privateindex .privateinfo{
	height:334px;
	position:relative;
	border:1px solid #888;
	margin:15px 20px;
}
.privateindex .privateinfo dl{
	padding-left:20px;
}
.privateindex .privateinfo dd{
	color:#eeaa00;
}
.privateindex .privateinfo .levelup{
	padding-left:20px;
}
.privateindex .privateinfo .levelup a{
	background:#bb9977;
	color:#fbfb77;
}
.privateindex .privateinfo .levelup a:hover{
	background:#888;
	color:fbfb77;
}
.privateindex .privateinfo .logout a{
	height:24px;
	width:79px;
	position:absolute;
	right:0px;
	top:309px;
	background:#bb9977;
	border-top:1px solid #888;
	border-left:1px solid #888;
	color:#fbfb77;
	display:block;
	text-align:center;
}
.privateindex .privateinfo .logout a:hover{
	background:#888;
}
.privateindex .privateinfo .edit a{
	height:24px;
	width:119px;
	position:absolute;
	left:0px;
	top:309px;
	background:#bb9977;
	border-top:1px solid #888;
	border-right:1px solid #888;
	color:#fbfb77;
	display:block;
	text-align:center;
}
.privateindex .privateinfo .edit a:hover{
	background:#888;
}
.privateindex form input.button{
	height:25px;
	width:80px;
	background:url(../image/button.gif) no-repeat;
	border:0px;
	color:#000;
	font-weight:bold;
	margin:20px 0 0 20px;
}
.privateindex form input.button:hover{
	background:url(../image/button2.gif) no-repeat;
}
.privateindex .diyedit ul{
	padding-left:20px;
}
.privateindex .diyedit ul li{
	width:120px;
	float:left;
	padding-right:20px;
}
.privateindex .diyedit ul li .name{
	width:120px;
	float:left;
	background:#fff;
	display:block;
	line-height:20px;
	overflow:hidden;
	text-align:center;
}
.privateindex .diyedit ul li .name input{
	width:100px;
	height:16px;
}
.privateindex .diyedit ul li .delet{
	width:120px;
	float:left;
	background:#fff;
	display:block;
	line-height:20px;
	text-align:center;
}
.privateindex .diyedit ul li .delet input{
	width:40px;
	height:16px;
	font-size:8pt;
	line-height:16px;
}
.privateindex .diyedit .diffic{	
	height:210px;
	width:120px;
	float:left;
	background:#fff;
	margin-right:20px;
	padding:10px 0px;
}
.privateindex .diyedit .diffic span{
	width:106px;
	float:left;
	border-left:2px solid #888;
	border-right:2px solid #888;
	color:#fff;
	display:block;
	font-size:14pt;
	font-weight:bold;
	margin:0px 5px;
	text-align:center;
}
.privateindex .diyedit .diffic .hard{
	height:31%;
	background:#bb9977;
	border-top:2px solid #888;
	line-height:60px;
}
.privateindex .diyedit .diffic .normal{
	height:31%;
	background:#ddbb99;
	line-height:60px;
}
.privateindex .diyedit .diffic .hard2{
	height:19%;
	background:#bb9977;
	border-top:2px solid #888;
	line-height:50px;
}
.privateindex .diyedit .diffic .normal2{
	height:38%;
	background:#ddbb99;
	line-height:60px;
}
.privateindex .diyedit .diffic .easy2{
	height:38%;
	background:#ffddaa;
	border-bottom:2px solid #888;
	line-height:60px;
}
.privateindex .diyedit .diffic .hard3{
	height:38%;
	background:#bb9977;
	border-top:2px solid #888;
	line-height:60px;
}
.privateindex .diyedit .diffic .normal3{
	height:38%;
	background:#ddbb99;
	line-height:60px;
}
.privateindex .diyedit .diffic .easy3{
	height:19%;
	background:#ffddaa;
	border-bottom:2px solid #888;
	line-height:50px;
}

.privateindex .diyedit .diffic .easy{
	height:32%;
	background:#ffddaa;
	border-bottom:2px solid #888;
	line-height:60px;
}
.privateindex .diyedit .diffic .hander{
	width:112px;
	height:2.5%;
	float:left;
	border:0px;
	display:block;
	margin:0px 4px;
	padding:0px;
}
.privateindex .diyedit .diffic .hander a{
	width:100%;
	height:100%;
	background:#888;
	display:block;
}
.privateindex .diyedit .diffic .hander a:hover{
	background:#aaa;	
}

/*-- examdown------------------*/
.examdown{
}
.examdown .pleft{
	height:360px;
}
.examdown h1{
	margin-top:30px;
}
.examdown .search{
	margin:0px;
	padding:0 0 0 40px;
}
.examdown .search form{
	height:100px;
	border-right:3px dotted #bb9977;
	padding:90px 30px;
}
.examdown .search form input{
	height:18px;
	width:500px;
	border:1px solid #bb9977;
	color:#888;
	display:block;
	line-height:18px;
	margin-bottom:10px;
}
.examdown form input.button{
	height:25px;
	width:80px;
	background:url(../image/button.gif) no-repeat;
	border:0px;
	color:#000;
	font-weight:bold;
	margin:20px 0 0 210px;
}
.examdown form input.button:hover{
	background:url(../image/button2.gif) no-repeat;
}
.examdown .pright{
	height:360px;
}
.examdown .select form{
	margin:0px;
	padding:30px 0 0 30px;
}
.examdown .select span{
	display:block;
	margin:0 0 10px 0;
}
.examdown .select select{
	width:250px;
	border:1px solid #bb9977;
	color:#888888;
	margin:0 0 10px 0;
}
.examdown .select .button{
	margin:10px 0 0 0px;
}
.examdown .examdownresult h1{
	padding-left:40px;
}
.examdown .examdownresult .resultlist{
	padding:0 40px;
}
.examdown .examdownresult ul{
	height:200px;
	width:252px;
	float:left;
	border-right:3px dotted #bb9977;
	padding-left:35px;
}
.examdown .examdownresult ul.last{
	border-right:0px;
}
.examdown .examdownresult ul li{
	line-height:25px;
}
.examdown .examdownresult ul li a{
	color:#444444;
	font-size:13pt;
}
.examdown .examdownresult ul li a:hover{
	color:#aaaaaa;
}
.examdown .examdownresult span{
	float:right;
	padding-right:40px;
}
/*-- prepare  -----------------*/
.prepare .pcenter{
	float:left;
	position:relative;
}
.prepare .pcenter h1{
	padding-left:30px;
}
.prepare .pcenter .clock{
	float:right;
	padding-right:40px;
}
.prepare .pcenter .startexam{
	position:absolute;
	left:220px;
	top:40px;
	background:#c7c755 url(../image/shadow1.gif) no-repeat;
}
.prepare .pcenter .startexam form{
	height:240px;
	width:460px;
	position:relative;
	background:#fbfb77;
	margin:2px 8px 8px 2px;
	padding:0 0 30px 40px;
	overflow:hidden;
}
.prepare .pcenter .startexam form h1{
	padding-left:0px;
}
.prepare .pcenter .startexam form span{
	display:block;
	margin:10px 0;
}
.prepare .pcenter .startexam form.random_vip span{
	margin:5px 0;
} 
.prepare .pcenter .startexam select{
	width:200px;
	border:1px solid #bb9977;
	color:#888888;
}
.prepare .startexam input{
	display:block;
	margin-top:20px;
}
.prepare .startexam form input.button{
	height:25px;
	width:80px;
	background:url(../image/button.gif) no-repeat;
	border:0px;
	color:#000;
	font-weight:bold;
}
.prepare .startexam form input.button:hover{
	background:url(../image/button2.gif) no-repeat;
}
.prepare .startexam form .diffic{	
	height:150px;
	width:80px;
	position:absolute;
	right:60px;
	top:60px;
	background:#fff;
	padding:6px 0px;
}
.prepare .startexam form.random_vip .diffic span{
	width:66px;
	float:left;
	border-left:2px solid #888;
	border-right:2px solid #888;
	color:#fff;
	display:block;
	font-size:11pt;
	font-weight:bold;
	margin:0px 5px;
	text-align:center;
}
.prepare .startexam form.random_vip .diffic .hard{
	height:30%;
	background:#bb9977;
	border-top:2px solid #888;
	line-height:40px;
}
.prepare .startexam form.random_vip .diffic .normal{
	height:30%;
	background:#ddbb99;
	line-height:40px;
}
.prepare .startexam form.random_vip .diffic .easy{
	height:30%;
	background:#ffddaa;
	border-bottom:2px solid #888;
	line-height:40px;
}
.prepare .startexam form.random_vip .diffic .hander{
	width:76px;
	height:4%;
	float:left;
	border:0px;
	display:block;
	margin:0px 2px;
	padding:0px;
}
.prepare .startexam form.random_vip .diffic .hander a{
	width:100%;
	height:100%;
	background:#888;
	display:block;
}
.prepare .startexam form.random_vip .diffic .hander a:hover{
	background:#aaa;	
}
/*-- examing  ---------------*/
.examing .pcenter{
	height:80px;
	float:left;
	position:relative;
}
.examing .pcenter h1{
	padding-left:30px;
}
.examing .pcenter .clock{
	float:right;
	padding-right:40px;
}
.examing iframe{
	border:0px;
}
.examing .pleft{
	/*height:500px;*/
	width:735px;
	background:#fbfb77;
}
.examing .pleft iframe{
	height:488px;
	width:735px;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
}
.examing .pright{
	height:500px;
	width:215px;
}
.examing .pright iframe{
	height:490px;
	width:175px;
}
/*-- examcontrol  -----------*/
.examcontrol{
	background:#fbfb77;
	overflow:hidden;
}
.examcontrol .info{
	height:30px;
	border-left:1px solid #888;
	display:block;
	font-size:10pt;
	padding-left:20px;
}
.examcontrol ul{
	padding:0px;
	margin:0px;
}
.examcontrol ul li{
	font-weight:bold;
}
.examcontrol ul li a{
	border-left:1px solid #888;
	display:block;
	padding:1px 0;
	}
.examcontrol ul li a.at{
	border-left:0px;
}
.examcontrol ul li a:hover {
	border-left:0px;
}
.examcontrol ul li a span{
	width:120px;
	background:#bb9977;
	border:1px solid #888;
	border-left:0px;
	color:#fbfb77;
	display:block;
	padding:0 0 0 20px;
}
.examcontrol ul li a.at span{
	width:121px;
	background:#fbfb77;
	color:bb9977;
}
.examcontrol ul li a:hover span{
	width:121px;
	background:#fbfb77;
	color:#bb9977;
}
.examcontrol .full{
	height:240px;
	width:1px;
	border-left:1px solid #888;
}
/*-- exampage  --------------*/
.exampage{
	background:#fbfb77;
	overflow:hidden;
}
.exampage .info{
	height:40px;
	width:80px;
	background:#888;
	color:#fbfb77;
	display:block;
	font-size:9pt;
	line-height:18px;
	text-align:center;
}
.exampage form{
	width:600px;
	color:#000;
	font-size:13pt;
	margin:20px 30px;
}
.exampage dt{
	position:relative;
	margin:10px 0 5px 0;
	padding:0 0 0 40px;;
}
.exampage dt .num{
	position:absolute;
	left:0px;
	top:0px;
	color:#bb9977;
} 
.exampage dd span{
	margin-right:10px;
}
.exampage .hand{
	height:31px;
	width:100px;
	position:absolute;
	left:635px;
	top:24px;
	background:#bb9977;
	border:1px solid #888;
	border-right:0px;
	color:#fbfb77;
	font-weight:bold;
	font-size:13pt;
}
.exampage .hand:hover {
	background:#fbfb77;
	color:#bb9977;
}
.exampage form .pre a{
	height:25px;
	width:55px;
	float:left;
	position:absolute;
	left:0px;
	top:463px;
	background:#888 url("../image/arrow_left_break.gif") no-repeat;
	color:#fbfb77;
	display:block;
	line-height:25px;
	padding-left:25px;
	text-align:center;
}
.exampage form .next a{
	height:24px;
	width:54px;
	float:right;
	position:absolute;
	right:0px;
	top:463px;
	background:#bb9977 url("../image/arrow_right.gif") 55px 0 no-repeat;
	border-left:1px solid #888;
	border-top:1px solid #888;
	color:#fbfb77;
	display:block;
	line-height:23px;
	padding-right:25px;
	text-align:center;
}
.exampage form .next a:hover{
	background:#fbfb77 url("../image/arrow_right.gif") 55px -25px no-repeat;
	color:bb9977;
}
.exampage form .mark{
	position:absolute;
	left:200px;
	top:463px;
	border-right:1px solid #888;
	text-align:center;
}
.exampage form .mark .inf{
	height:25px;
	float:left;
	background:#888;
	color:#fbfb77;
	display:block;
	line-height:25px;
	padding:0 4px;
}
.exampage form .mark .num a{
	height:24px;
	float:left;
	background:#bb9977;
	border-left:1px solid #fbfb77;
	border-top:1px solid #888;
	color:#fbfb77;
	display:block;
	line-height:25px;
	padding:0 4px;
}
.exampage form .mark .num a:hover{
	background:#fbfb77;
	color:#bb9977;
}
.exampage .handexam{
	position:absolute;
	left:220px;
	top:40px;
	background:#c7c755 url(../image/shadow1.gif) no-repeat;
	z-index:100000;
}
.exampage .handexam form{
	height:240px;
	width:460px;
	background:#fbfb77;
	margin:2px 8px 8px 2px;
	padding:0 0 30px 40px;
	overflow:hidden;
}
.exampage .handexam form h1{
	padding-left:0px;
}
.exampage .handexam form span{
	display:block;
	margin:10px 0;
}
.exampage .handexam form span strong{
	color:#bb9977;
}
.exampage .handexam input{
	margin:20px 140px 0 0;
}
.exampage .handexam form input.button{
	height:25px;
	width:80px;
	background:url(../image/button.gif) no-repeat;
	border:0px;
	color:#000;
	font-weight:bold;
}
.exampage .handexam form input.button:hover{
	background:url(../image/button2.gif) no-repeat;
}
.exampage .handexam form input.button2{
	height:23px;
	width:78px;
	background:#ffddaa;
	border:1px dashed #bb9977;
}
.exampage .handexam form input.button2:hover{
	background:#bb9977;
	border:1px dashed #ffddaa;
}
/*-- result  ----------------*/
.result{
	positon:relative;
	background:#fbfb77;
	overflow:hidden;
}
.result dl{
	width:690px;
	color:#000;
	font-size:13pt;
	margin:20px 30px;
}
.result dt{
	position:relative;
	clear:both;
	margin:10px 0 5px 0;
	padding:0 0 0 40px;;
}
.result dt .num{
	position:absolute;
	left:0px;
	top:0px;
	color:#bb9977;
} 
.result dd span{
	margin-right:10px;
}
.result dd .wrong{
	float:left;
	color:#eeaa00;
	display:block;
	padding-right:20px;
}
.result dd .answer{
	float:left;
	color:#888;
	display:block;
	padding-right:20px;
} 
.result dd .anlysis a{
	float:left;
	border:1px dashed #bb9977;
	display:block;
	margin-right:20px;
	padding:0 5px;
}
.result dd .anlysis a:hover{
	background:#bb9977;
	color:#fbfb77;
}
.result dd .correct a{
	float:left;
	border:1px dashed #888;
	color:#888;
	display:block;
	margin-right:20px;
	padding:0 5px;
}
.result dd .correct a:hover{
	background:red;
	color:#fbfb77;
}
.result .pre a{
	height:25px;
	width:55px;
	float:left;
	position:absolute;
	left:0px;
	top:463px;
	background:#888 url("../image/arrow_left_break.gif") no-repeat;
	color:#fbfb77;
	display:block;
	line-height:25px;
	padding-left:25px;
	text-align:center;
}
.result .next a{
	height:24px;
	width:54px;
	float:right;
	position:absolute;
	right:0px;
	top:463px;
	background:#bb9977 url("../image/arrow_right.gif") 55px 0 no-repeat;
	border-left:1px solid #888;
	border-top:1px solid #888;
	color:#fbfb77;
	display:block;
	line-height:23px;
	padding-right:25px;
	text-align:center;
}
.result .next a:hover{
	background:#fbfb77 url("../image/arrow_right.gif") 55px -25px no-repeat;
	color:bb9977;
}
.result .mark{
	position:absolute;
	left:200px;
	top:463px;
	border-right:1px solid #888;
	text-align:center;
}
.result .mark .inf{
	height:25px;
	float:left;
	background:#888;
	color:#fbfb77;
	display:block;
	line-height:25px;
	padding:0 4px;
}
.result .mark .num a{
	height:24px;
	float:left;
	background:#bb9977;
	border-left:1px solid #fbfb77;
	border-top:1px solid #888;
	color:#fbfb77;
	display:block;
	line-height:25px;
	padding:0 4px;
}
.result .mark .num a:hover{
	background:#fbfb77;
	color:#bb9977;
}
.result .submit{
	height:25px;
	float:right;
	position:absolute;
	right:100px;
	top:463px;
	background:#bb9977;
	border:1px solid #888;
	border-bottom:0px;
	color:#fbfb77;
	display:block;
	font-size:12pt;
	line-height:25px;
	text-align:center;
}
.result .submit:hover{
	background:#fbfb77;
	color:bb9977;

}
.result .anlysiswin{
	position:absolute;
	left:220px;
	top:40px;
	background:#c7c755 url(../image/shadow1.gif) no-repeat;
	z-index:100000;
}
.result .anlysiswin form{
	height:240px;
	width:460px;
	background:#fbfb77;
	margin:2px 8px 8px 2px;
	padding:0 0 30px 40px;
	overflow:hidden;
}
.result .anlysiswin p{
	width:400px;
	color:#888;
	overflow:hidden;
}
.result .anlysiswin .question{
	height:150px;
	width:400px;
	color:#888;
	margin:30px 0px;
}
.result .anlysiswin .collect{
	margin-bottom:100px;
}
.result .anlysiswin form input.button{
	height:25px;
	width:80px;
	background:url(./image/button.gif) no-repeat;
	border:0px;
	color:#000;
	font-weight:bold;
	margin-right:120px;
}
.result .anlysiswin form input.button:hover{
	background:url(../image/button2.gif) no-repeat;
}
.result .anlysiswin form input.button2{
	height:23px;
	width:78px;
	background:#ffddaa;
	border:1px dashed #bb9977;
}
.result .anlysiswin form input.button2:hover{
	background:#bb9977;
	border:1px dashed #ffddaa;
}

/*-- qanda ---------------*/
.qanda dl{
	padding:30px 40px 0 40px;
}
.qanda dt{
	height:20px;
	width:800px;
	background:#888;
	border:1px solid #888;
	color:#fff;
	padding:5px 20px;
}
.qanda dd{
	height:40px;
	width:800px;
	border:1px solid #888;
	border-top:0px;
	margin:0 0 10px 0;
	padding:5px 20px;
}
.qanda dd span{
	display:block;
	font-weight:bold;
}
.qanda dd span a:hover{
	color:#888;
}
